<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>门票预订</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>

<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <div class="pages navbar-fixed toolbar-through">
                <div id="ticketBooking_page" data-page="ticketBooking" class="page Booking">
                    <!-- navbar 开始 -->
                    <div class="navbar theme-white">
                        <div class="navbar-inner">
                            <div id='common_left' class="left">
                                <a href="#" class="back link"><i class="icon icon-back"></i><span>返回</span></a>
                            </div>
                            <div id='wx_left' class="left" style="display: none;">
                                <a href="#" data-href="../../view-yuqing/home/index.html" data-panel="left" class="link icon-only">
                                    <i class="iconfont icon-shouye"></i></a>
                            </div>
                            <div class="center">
                                门票预订</div>
                            <div class="right">
                            </div>
                        </div>
                    </div>
                    <!-- navbar 结束 -->
                    <div class="page-content">
                        <div class="card title">
                            <div class="header" style="font-size:1.2em;font-weight: bold;">
                                <span class="ticketTitle"></span>
                            </div>
                            <div class="card-footer" style="padding: 0 0 10px 0;margin-top:5px;">
                                <div style="flex:1;margin-right:10px;font-size:13px;">
                                    <img src="../../assets/images/images-yuqing/elements/ok.png" width="15" style="float:left;margin-right:5px;" />
                                    <span class="hint"></span>
                                </div>
                                <div class="bookingShouldKnow" style="color:#43c276">
                                    <span>预订须知</span>
                                    <img src="../../assets/images/base/arrow_right_green.png" width="15" style="float:right;margin-left:5px;" />
                                </div>
                            </div>
                        </div>
                        <div class="info" style="padding:15px 0px 0 0px;;margin-top:15px;background-color:white;">
                            <div class="header" style="margin-left:15px">
                                <img src="../../assets/images/images-yuqing/elements/book-information.png" style="float:left;margin-right:5px;height:15px;"
                                />
                                <span style="color:#999">预订信息</span>
                            </div>
                            <div id="booking_user_info" class="list-block login-user" style="margin:10px 0 0 0;display:none;">
                                <div class="login-item" style="align-items: center;">
                                    <div style="flex: 2;color:#666">手机号</div>
                                    <input id="booking_user_phone" class="booking-input" style="flex: 7;color:#333" type="text" placeholder="请输入预订人手机号" />
                                </div>
                                <div style="margin-left: 15px; font-size: 12px; margin-top: 2px; color: #e76b53;">
                                    *为确保能收到订票短信，请确保手机号真实有效
                                </div>
                                <div class="login-item vercode" style="display:none">
                                    <div>
                                        <input id="booking_user_phone_code" class="find-pwd-input" type="text" placeholder="请输入验证码" />
                                    </div>
                                    <div class="right-items">
                                        <div class="vercode-timeout" style="display:none">59S</div>
                                        <div class="vercode-btn" id="booking_get_user_phone_code">获取验证码</div>
                                    </div>
                                </div>
                                <!--<div id="booking_user_idcard_div" class="login-item" style="display:none;align-items: center;">
                                    <div style="flex: 2;color:#666">身份证号</div>
                                    <input id="booking_user_idcard" class="booking-input" style="flex: 7;color:#333" type="text" placeholder="请输入预订人身份证号" />
                                </div>-->
                            </div> 
                            <div class="list-block" style="margin:10px 0 0 0;">
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title" style="color:#666">游玩时间</div>
                                        <div class="item-after">
                                            <div class="today date-item-gray">
                                                <div style="color:#43c276" class="time">今天 05-20</div>
                                                <div style="color:#f48225" class="price">¥0.0</div>
                                                <img class="checked" src="../../assets/images/images-yuqing/elements/checked.png" width="15" />
                                            </div>
                                            <div class="tomorrow date-item-gray" style="margin-left:5px;">
                                                <div style="color:black" class="time">明天 05-21</div>
                                                <div style="color:#f48225" class="price">¥0.0</div>
                                                <img class="checked" src="../../assets/images/images-yuqing/elements/checked.png" width="15" />
                                            </div>
                                            <div class="more date-item-gray calendar" style="margin-left:5px;">
                                                <!--<input id="calendarBasic-demo" name="calendarBasic-demo" value="" placeholder="更多日期" readonly type="text" style="height: 35px;width:50px;float: left;line-height:17.5px;font-size:0.9em;text-align: center;"
                                                />-->
                                                <div id="calendarBasic-demo" name="calendarBasic-demo" style="float: left;text-align: center;">
                                                    <div class="tv1">更多</div>
                                                    <div class="tv2">时间</div>
                                                </div>
                                                <img src="../../assets/images/base/arrow_right.png" width="15" style="float:right;margin-left:5px;margin-top:10px;" />
                                                <img class="ok checked" src="../../assets/images/images-yuqing/elements/checked.png" width="15" />
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title" style="color:#666">预订票数</div>
                                        <div class="item-after">
                                            <div style="border:solid 1px #cccccc;border-radius:4px;">
                                                <div class="reduce btn-number" style="float:left;">-</div>
                                                <input type="number" id="number" disabled value="1" />
                                                <div class="add btn-number" style="float:right;color:#43c276">+</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </div>
                        </div>
                        <div class="visitor-info">
                            <div class="card-footer" style="margin: 0 15px;padding:0;border-bottom:solid 1px #ddd;border-radius:0;">
                                <div style="float:left;flex:1;margin-right:10px;">
                                    <img src="../../assets/images/images-yuqing/elements/book-tourism.png" style="float:left;margin-right:5px;height:15px;"
                                    />
                                    <span style="color:#999">游客信息</span>
                                    <span style="color:red" class="visitor-hint">(还需添加1位游玩人信息)</span>
                                </div>
                                <div style="float:right;color:#43c276;" class="contacts">
                                    <span>常用联系人</span>
                                    <img src="../../assets/images/base/arrow_right_green.png" width="15" style="float:right;margin-left:5px;" />
                                </div>
                            </div>
                            <div class="list-block visitorlist">
                                <div class="list" style="padding-bottom:10px;">
                                    <div class="visitors">

                                    </div>
                                </div>
                                <div class="form-list" >
                                    <div class="form-item" data-id="0" style="margin: 10px;">
                                        <div class="content">
                                            <div class="name">
                                                <div class="title-name" style="color:#666">
                                                    姓名
                                                </div>
                                                <input id="name" type="text" placeholder="请输入姓名" value="" style="flex:1;height:40px;color:#333" />
                                            </div>
                                            <div class="idcard" style="display:flex;">
                                                <div class="title-idcard" style="color:#666">
                                                    身份证号
                                                </div>
                                                <input id="idcard" type="text" placeholder="请输入身份证号" value="" style="flex:1;height:40px;color:#333" />
                                            </div>
                                            <div class="bg">
                                                <div class="number">1</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="toolbar" style="background-color:white;line-height:44px;">
                        <div class="toolbar-inner" style="padding:0;">
                            <div style="width:60%;height:44px;padding-left:8px;color:#666">
                                订单总价：<span class="sumPrice" style="font-size:1.2em;color:#ef5848">¥0.0</span>
                            </div>
                            <div class="btn-booking" id="btnsubOrder" style="background-color:#ef5848;text-align:center;width:40%;height:44px;color:white">提交订单</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end page -->
        </div>
        <!-- end pages -->
    </div>
    <!-- end view-main-->
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/mobiscroll.jquery.min.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/third/openlayers/ol.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_orders.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_ticket.js?time=201706281966723"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_tourist.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_booking_payresult.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_wxpay_service.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_image_list.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/js-yuqing/iss_view_guid.js?time=20171213174312"></script>
</body>

</html>